<template>
    <el-carousel>
        <el-carousel-item v-for="item in config.images">
            <img :src="item" class="img" />
        </el-carousel-item>
    </el-carousel>
</template>
<script setup>
const { config } = defineProps({
    config: Object,
});
</script>

<style lang="scss" scoped>
:deep() {
    .carousel__container {
        height: 100%;
    }

    .img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
</style>
